﻿var cant = 10;
var comienzo = 0;
var ultimaPag = false;
var cantPorPag = 0;
$(document).ready(function () {

    fetch("#proximos", "http://localhost:49357/Services/EventosAJAX.svc/ProximosEventos", { "cant": cant }, "p-list-");
    fetch("#listado", "http://localhost:49357/Services/EventosAJAX.svc/Listado", { "cant": cant, "comienzo": 0 }, "e-list-");

    $("#boton-sig").click(function () {
        if (!ultimaPag) {
            comienzo += cant;
            fetch("#listado", "http://localhost:49357/Services/EventosAJAX.svc/Listado", { "cant": cant, "comienzo": comienzo }, "e-list-");
        }
    });
    $("#boton-ant").click(function () {
        if (comienzo > 0) {
            comienzo -= cant;
            fetch("#listado", "http://localhost:49357/Services/EventosAJAX.svc/Listado", { "cant": cant, "comienzo": comienzo }, "e-list-");
        }
    });

});

function fetch(destino, url, params, prefijo) {
    $(destino).html("");
    $.getJSON(
        url,
        params
        ,
        function (data) {
            cantPorPag = 0;
            datosLis = data;
            $.each(data, function (index) {
                cantPorPag++;
                $("<a></a>", {
                    "class": "link-p",
                    "href": data[index].Link,
                    "id": prefijo + index,
                    "html": data[index].Nombre,
                    "title": "Evento " + data[index].id,
                    "target": "_balnk"
                }
                ).appendTo(destino).tooltip({
                    content: htmlDatos(index, data)
                }
                );
                $(destino).append("<br />")
            })
            if (cantPorPag < cant) {
                ultimaPag = true;
                $(destino).append("-----")
            }
            else
                ultimaPag = false;
        }

    ).fail(function () {
        $(destino).html("Datos no disponibles");
    });
}

function htmlDatos(id, lista) {
    s =
        "Nombre: " + lista[id].Nombre + "<br />" +
        "Fecha: " + lista[id].Fecha + " - " + lista[id].Hora + "<br />" +
        "Lugar: " + lista[id].Lugar + "<br />" +
        "Organizador: " + lista[id].Organizador;
    return s;
}